<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>团购商城</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/title.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/footer.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/open_team.css">
</head>
<body>
<header>
    <h1 class='title'>
        <a  href="javascript:history.go(-1)" style="font-size: 1.9em;" target="_self"  data-ajax="false" class="fa fa-angle-left "></a>
        团购商城</h1>
</header>
<!--开团的条件-->
<div class="content">
    <form action="${pageContext.request.contextPath}/login-user/group-add" method="post" enctype="multipart/form-data">
        <ul class="ul">
            <li>
                <span class="fa fa-legal"></span>
                <input name="groupTitle" id="teamname" type="text" placeholder="团标题15字以上" maxlength="50">
            </li>
            <span id="alerttitle" class="alertspan"></span>

            <li>
                <span class=" fa fa-yen"></span>
                <input name="priceOriginal" type="text" placeholder="价格单人￥" id="money">

            </li>
            <span id="moneyalert" class="alertspan"></span>

            <li>
                <span class="fa fa-group"></span>
                <input name="groupTargetNumber" id="moneypep" type="text" placeholder="团购人数" class="pep">
            </li>
            <span id="alertmoneypep" class="alertspan"></span>

            <li>
                <span class="fa fa-gg-circle"></span>
                <input type="text" name="price" placeholder="团购价格￥" id="teammoney">

            </li>
            <span id="alertteammoney" class="alertspan"></span>

            <li id="imges">
                <div id="img">
                    <span class="fa fa-upload"></span>
                    <input type="button" value="上传图片"><input name="image" type="file" value="上传图片" class="upimg">
                </div>
            </li>
            <li id="sel">
                <select class="select" name="typeId">
                    <c:forEach items="${types}" var="type">
                        <option style="background: rgba(0,0,0,0.0);color: #111111; width:90px;" value="${type.typeId}">${type.goodsType}</option>
                    </c:forEach>
                </select>
            </li>

        </ul>
        <div class="item-input">
            <textarea placeholder="团介绍250字以内" maxlength="250" name="groupDetail"></textarea>
        </div>
    </form>
</div>

</div>


<!--底部的三个按钮-->
<ul class="footer">
    <a href="${pageContext.request.contextPath}/login-user/index" target="_self">
        <li><span class="fa fa-home "></span><br>

            <p>首页</p></li>
    </a>
    <li id="updata" class="footerselect"><span class="fa fa-check "></span><br>

        <p>确定</p>
    </li>
    <a href="${pageContext.request.contextPath}/login-user/index" target="_self">
    <li><span class="fa fa-close"></span><br>

        <p>取消</p>
    </li>
        </a>
</ul>
</body>
<script src="${pageContext.request.contextPath}/resources/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/velocity.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/velocity.ui.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/open_team.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/footer.js"></script>
<script src="${pageContext.request.contextPath}/resources/js/public.js"></script>
</html>